<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/font/iconfont.css">
    <link rel="stylesheet" href="../static/styles/bootstrap.min.css">
    <link rel="stylesheet" href="../static/styles/message.css">
    <title>Document</title>
</head>

<body>
    <!-- 路径导航 -->
    <section class="lujing">
        <div class="container">
            <div class="row">
                <ol class="breadcrumb">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">用户中心</a></li>
                </ol>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="content">
                    <div class="pull-left left">
                        <div class="user-box">
                            <img src="../static/images/login/tou.png" class="img-circle user-img" alt="">
                            <span class="user-name">username</span>
                        </div>
                        <div class="user-info">
                            <div class="user-msg">
                                <h3>基本信息</h3>
                            </div>
                            <div class="user-msg active">
                                <h3>客户留言</h3>
                            </div>
                        </div>
                    </div>
                    <div class="pull-left right">
                        <div class="msg-head">
                            <h3>用户留言 <a href=""><span class="iconfont icon-liuyan"></span></a></h3>
                        </div>
                        <div class="msg-table">
                            <table class="table">
                                <tr>
                                    <td class="text-center msg-time">2014-04-14 11:00</td>
                                    <td>username</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td>我想咨询电子商务网站建设。</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td><span class="contact">邮箱：username@qq.com</span><span
                                            class="contact">电话：13712341234</span></td>
                                </tr>
                                <tr>
                                    <td class="text-center msg-time">2014-04-14 11:00</td>
                                    <td>username</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td>我单位向建设一个网站，主要功能是宣传我单位产品、单位动态、单位详细介绍等等，还需要有简单的留言板。同时有用户注册和登录界面，如果是单位内部人员登录，可以对网站信息进行添加、修改和删除，但普通用户只能浏览和留言，便于本单位内部维护的。网站信息量比较大，想建一个质量比较好的，便于后期扩展的，好维护的一个网站。具体要做什么呢？</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td><span class="contact">邮箱：username@qq.com</span><span
                                            class="contact">电话：13712341234</span></td>
                                </tr>
                                <tr>
                                    <td class="text-center msg-time">2014-04-14 11:00</td>
                                    <td>username</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td>一般的企业网站栏目展示型 7-8个， 网站建设需要多少费用？</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td><span class="contact">邮箱：username@qq.com</span><span
                                            class="contact">电话：13712341234</span></td>
                                </tr>
                                <tr>
                                    <td class="text-center msg-time">2014-04-14 11:00</td>
                                    <td>username</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td>网站建设流程是怎么样的？</td>
                                </tr>
                                <tr>
                                    <td class="msg-time"></td>
                                    <td><span class="contact">邮箱：username@qq.com</span><span
                                            class="contact">电话：13712341234</span></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- page -->
    <section class="page">
        <nav class="pagination-outer" aria-label="Page navigation">
            <ul class="pagination">
                <li class="page-item">
                    <a href="#" class="page-link" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item active"><a class="page-link" href="#">3</a></li>
                <li class="page-item"><a class="page-link" href="#">4</a></li>
                <li class="page-item"><a class="page-link" href="#">5</a></li>
                <li class="page-item">
                    <a href="#" class="page-link" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </section>
    <script src="../static/js/jquery-3.4.1.min.js"></script>
    <script>
        $().ready(function(){
            $('.user-msg').hover(function(){
                $(this).addClass('active').siblings().removeClass('active');
            });
        });
    </script>
</body>

</html>